
/**************************************************************************************/
/* Mobile配置 */
/**************************************************************************************/

/* 顶部导航（Mobile）*/
#zm_mainNav .z-popup-title{background-color:#008bd2;}
#zm_mainNav .z-popup-content ul{width:100%;position:relative;overflow:hidden;}
#zm_mainNav .z-popup-content ul li,
#zm_mainNav .z-popup-content p{position:relative;width:100%;height:.4rem;line-height:.4rem;cursor:pointer;}
#zm_mainNav .z-popup-content ul li{padding-left:.2rem;border-bottom:1px solid #f0f8ff;}
#zm_mainNav .z-popup-content p{padding-left:.1rem;background-color:#f0f8ff;color:#333;border-bottom:1px solid #ffffff;}

/** 导航高度（Mobile） */
.m-navmargin{position:relative;width:100%;height:5rem;}

/** [容器定义] */
.m-container{width:100%;height:calc(100% - 5rem);overflow:auto;}

/* [脚注]（Mobile） */
.m-footer {position:relative;width:100%;border-top:0.1rem solid #e6e6e6;background-color:#eee;padding:4% 0;}
.m-footer-wrap {width:100%;height:100%;color:#333;text-align:center;font-size:.12rem;height:.3rem;line-height:.3rem;}

.z-h30{height:.3rem;}
.z-px12{font-size:.12rem;}
.z-px14{font-size:.14rem;}
.z-px16{font-size:.16rem;}
.z-px20{font-size:.2rem;}

/** [容器定义] */
.z-container{width:100%;overflow:auto;}
.z-content{width:100%;height:100%;padding:8%;overflow:auto;}

/***********************************************/
/*整体容器布局定义 */
/***********************************************/
.z-bar-bottom>.active,.z-bar-bottom>.z-active{color:#078ce9;}

.z-row{display: flex; flex-flow: row;}
.z-flex0{flex:0 0 auto;}
.z-flex1{flex:1;}
.z-flex2{flex:2;}

/* 顶部bar条 */
.z-bar-top{background-color:#00a2eb;}
.z-bar-top .top-logo{float: left;width:0.5rem;height:100%;background-color:#008bd2;}
.z-bar-top .top-logo img{width:0.3rem;}
.z-bar-top .top-logoname{float: left;width:1rem;height:100%;}
.z-bar-top .top-logoname img{width:0.8rem;}

.z-textlist{padding:.1rem;border-bottom:1px solid #efeff4;font-size:.14rem;}

/** 手机端账户信息页面 **/
.z-customer-header{display:block;padding:.2rem;}
.z-customer-avatar{width:.7rem;height:.7rem;overflow:hidden;border-radius:50%;margin:0 auto;cursor:ponter;}
.z-customer-avatar>img{width:100%;height:100%;}
.z-customer-userName{text-align:center;font-size:.15rem;padding-top:.15rem;}

/** 手机端账户信息tab菜单 **/
.z-customer-info{height:.45rem;line-height:.45rem;border-bottom:.05rem solid #e5e5e5;}
.z-customer-info>nav,.z-customer-info>nav>ul{height:100%;}
.z-customer-info>nav>ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;position:relative;margin:0;width:100%;}
.z-customer-info>nav>ul>li{
    -webkit-box-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    padding:0;
    margin:0 0 -1px 0;
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:.14rem;
    line-height:.45rem;
    position:relative;
    z-index:9;
}
.z-customer-info>nav>ul>li.z-active{border-color:#00a2eb;}
.z-customer-info>nav>ul>li.z-active>a{color:#00a2eb;}

/** 手机端账户信息列表 **/
.z-customer-list{height:.5rem;}
.z-customer-list>li,.z-customer-list>li>.z-float-left,.z-customer-list>li>.z-float-right{height:100%;line-height:.4rem;}
.z-customer-list>li{padding:.05rem .02rem;border-bottom:1px solid #f1f1f1;}
.z-customer-list>li>.z-float-left{font-size:.16rem;}
.z-customer-list>li>.z-float-right{font-size:.14rem;color:#aaa;}
.z-customer-list>li .z-customer-avatar{width:.4rem;height:.4rem;}
.z-customer-list>li .z-customer-avatar>img{vertical-align:bottom;}
.z-customer-list>li .z-arrowhead-right{margin-left:1rem;font-size:.16rem;}
.z-customer-logout{height:.3rem;margin-top:.2rem;text-align:center;font-size:.14rem;}

/** 充值列表 **/
.tradeList .list-item .item-right,.tradePopList .list-item .item-right{color:#333;font-size:.16rem;}
.tradeList .list-item .z-success,.tradePopList .list-item .z-success{color:#ffffff;}
.tradeList .list-item.z-active .z-success,.tradePopList .list-item.z-active .z-success{color:#00a2eb;}

.z-charge-custom{padding:.1rem;height:.4rem;line-height:.3rem;font-size:.14rem;}
.z-charge-textlist{padding:.1rem;margin:.1rem;border-bottom:.1px solid #efeff4;font-size:.14rem;}
